<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta charset="utf-8" />
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css"/>
	<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<title></title>
</head>
<body>
	<!--头部区域-->
	<header>
		<a href="" class="iconfont pansonal">&#xe66b;</a>
		<a href="" class="logo"><img src="images/logo.png"/></a>
		<div class="iconfont down"><a href="">&#xe6be;</a><a href="">&#xe612;</a></div>
	</header>
	<!--导航区域-->
	<nav>
		<div class="nav">
			<a href="">推荐</a>
			<a href="">新闻</a>
			<a href="">娱乐</a>
			<a href="">体育</a>
			<a href="">财经</a>
			<a href="">汽车</a>
			<a href="">军事</a>
			<a href="">图片</a>
			<a href="">视频</a>
			<a href="">段子</a>
		</div>
		<a href="javascript:;" class="down iconfont">&#xe652;</a>
	</nav>
	<!--轮播区域-->
	<div class="swiper-container">
	    <div class="swiper-wrapper">
	        <div class="swiper-slide">
	        	<img src="images/news1.jpg" alt="" />
	        </div>
	        <div class="swiper-slide">
	        	<img src="images/news2.jpg"/>
	        </div>
	        <div class="swiper-slide">
	        	<img src="images/news3.jpg"/>
	        </div>
	    </div>
	    	<!-- 如果需要分页器 -->
	    <div class="swiper-pagination"></div>
	</div>
	<!--直播区域-->
	<div id="live">
		<a href="" class="live">直播</a>
		<span>带你游览“老虎咬人事件”之后的八达...</span>
	</div>
	<!--内容区域-->
	<a href="" id="list">
		<div class="img">
			<img src="images/saved_resource(4)" alt="" />
			<span>专题</span>
		</div>
		<div id="news">
			<h3>习近平对G20领导人峰会总结表彰工作作重要指示</h3>
			<div class="content">
				<span class="news">新闻</span>
				<div class="time">
					<span>2小时前</span>
					<span class="iconfont">&#xe806; 306</span>
				</div>
			</div>
		</div>
	</a><a href="" id="list">
		<div class="img">
			<img src="images/saved_resource(4)" alt="" />
			<span>专题</span>
		</div>
		<div id="news">
			<h3>习近平对G20领导人峰会总结表彰工作作重要指示</h3>
			<div class="content">
				<span class="news">新闻</span>
				<div class="time">
					<span>2小时前</span>
					<span class="iconfont">&#xe806; 306</span>
				</div>
			</div>
		</div>
	</a>
	<a href="" id="list">
		<div class="img">
			<img src="images/saved_resource(4)" alt="" />
			<span>专题</span>
		</div>
		<div id="news">
			<h3>习近平对G20领导人峰会总结表彰工作作重要指示</h3>
			<div class="content">
				<span class="news">新闻</span>
				<div class="time">
					<span>2小时前</span>
					<span class="iconfont">&#xe806; 306</span>
				</div>
			</div>
		</div>
	</a>
	<!--图展区域-->
	<a href="" id="pic">
		<h3>62岁老人耗时6年绣22米《清明上河图》</h3>
		<div class="pic">
			<img src="images/saved_resource(10)" alt="" />
			<img src="images/saved_resource(11)" alt="" />
			<img src="images/saved_resource(12)" alt="" />
		</div>
		<div class="content">
			<span class="news">新闻</span>
			<div class="time">
				<span>2小时前</span>
				<span class="iconfont">&#xe806; 306</span>
			</div>
		</div>
	</a>
	<a href="" id="list">
		<div class="img">
			<img src="images/saved_resource(4)" alt="" />
			<span>专题</span>
		</div>
		<div id="news">
			<h3>习近平对G20领导人峰会总结表彰工作作重要指示</h3>
			<div class="content">
				<span class="news">新闻</span>
				<div class="time">
					<span>2小时前</span>
					<span class="iconfont">&#xe806; 306</span>
				</div>
			</div>
		</div>
	</a>
	<a href="" id="list">
		<div class="img">
			<img src="images/saved_resource(4)" alt="" />
			<span>专题</span>
		</div>
		<div id="news">
			<h3>习近平对G20领导人峰会总结表彰工作作重要指示</h3>
			<div class="content">
				<span class="news">新闻</span>
				<div class="time">
					<span>2小时前</span>
					<span class="iconfont">&#xe806; 306</span>
				</div>
			</div>
		</div>
	</a>
	<!--底部区域-->
	<footer>
		©1997-2016网易公司版权所有
	</footer>
</body>
<script>        
  var mySwiper = new Swiper ('.swiper-container', {
    direction: 'horizontal',
    loop: true,
    autoplay : 3000,
    autoplayDisableOnInteraction : false,
    // 如果需要分页器
    pagination: '.swiper-pagination',
  });        
  </script>
</html>
